<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
</head>
<body>
<div id="header">
    <div class="header-div header-left">动态</div>
    <div class="header-div header-right">筛选</div>
    <br class="clear">
</div>
<div id="body">
    <a class="dynamic-div">
        <!--动态头部狗狗信息开始-->
        <div class="dynamic-top-div position-rel">
            <a href="javascript:void(0);" class="dynamic-dog-header">
                <img src="image/header0.gif">
            </a>
            <div class="dynamic-dog-info-box ver-top">
                <div class="dynamic-dog-name">荷花姐姐</div>
                <div class="dynamic-dog-info">MM|32岁|168cm</div>
            </div>
            <div class="dynamic-dog-more-box">
                <img src="image/card_arrow.png">
            </div>
        </div>
        <!--动态头部狗狗信息结束-->

        <!--动态主体内容开始-->
        <a href="dynamic_info.html" class="dynamic-body-div">
            <div class="dynamic-body-title">我有个梦想就是在一个有山有水的小镇</div>
            <div class="dynamic-body-text">开一家咖啡店或者小酒吧，然后有无顾客无所谓，就想过过那种悠闲的生活，然而我并没有钱没有钱没有钱</div>
            <div class="dynamic-body-img">
                <img src="image/zuom.png">
                <img src="image/zuom.png">
                <img src="image/zuom.png">
            </div>
        </a>
        <!--动态主体内容结束-->
        <!--动态底部操作按钮开始-->
        <div class="dynamic-bottom-div">
            <center>
                <div class="dynamic-bottom-center">
                    <div class="dynamic-bottom-btn dynamic-bottom-reply active">回复ta</div>
                    <div class="dynamic-bottom-btn dynamic-bottom-letter">私信ta</div>
                </div>
            </center>
        </div>
        <!--动态底部操作按钮结束-->
    </div>
</div>

<div class="dynamic-alert-div position-rel none">
    <div class="dynamic-bg"></div>
    <div class="dynamic-alert-bottom-div">
        <div class="dynamic-alert-btn">分享到</div>
        <div class="dynamic-alert-btn">拉黑举报ta</div>
        <div class="dynamic-alert-btn">取消</div>
    </div>
</div>

<div id="footer-margin-top"></div>
<div id="footer">
    <a href="首页.html" class="footer-btn footer-find">
        <center class="">
            <div class="footer-btn-img"></div>
            <div class="footer-btn-text">寻缘</div>
        </center>
    </a>
    <a href="dynamic.html" class="footer-btn footer-dynamic">
        <center class="active">
            <div class="footer-btn-img"></div>
            <div>动态</div>
        </center>
    </a>
    <div class="footer-btn footer-release-btn">
        <center>
            <img src="image/btn_new_normal.png">
        </center>
    </div>
    <a href="message.html" class="footer-btn footer-message">
        <center class="">
            <div class="footer-btn-img"></div>
            <div>消息</div>
        </center>
    </a>
    <a href="javascript:void(0);" class="footer-btn footer-me">
        <center class="">
            <div class="footer-btn-img"></div>
            <div>我</div>
        </center>
    </a>
    <br class="clear">
</div>
</body>
</html>